import React, { PropTypes, Component } from 'react';
// import { Router, Route, IndexRoute, browserHistory, Link } from 'react-router';


/**
 * 搜索框
 * 
 * @class search
 * @extends {Component} 
 */

class Header extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <header className="mui-bar mui-bar-nav search-header">
                <a className="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header__link" onClick={this.context.router.goBack}></a>
                <div className="mui-title header__serch">
                    <div className="search_box">
                        <i className="serch__icon serch__icon__png"></i>
                        <input className="serch__input" type="text" autoComplete="off" placeholder="搜索公众号" id="J_search" />
                    </div>
                </div>
            </header>
        );
    }
}
Header.contextTypes = {
    router: React.PropTypes.object.isRequired
}
export default Header